<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>丽子美妆首页</title>
		<script src="../js/jquery-1.12.4.js"></script>
		<link rel="stylesheet" href="../css/header.css" />
		<link rel="stylesheet" href="../css/index.css"/>
		<link rel="stylesheet" href="../css/footer.css"/>
		<script>
			$(function(){
				$("#yinru").load("footer.html");
				$("#header-yr").load("header.html");
			});
		</script>
	</head>
	<body>
		<!--头部引入文件-->
		<div id="header-yr"></div>
		<!--轮播图-->
		<div id="lbt_back">
			<div id="lbt">
				<div class="lbt-top">
					<!--轮播项-->
					<div class="lbt-item">
						<a href="#">
						</a>
					</div>
					<!--轮播控制按钮-->
					<div class="lbt-control">
						<ul class="controlUl">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>
					<!--轮播上面的控制按钮-->
					<div class="arrow goahead iconfont">&#xe644;</div>
					<div class="arrow back iconfont">&#xe643;</div>
				</div>
				<div class="lbt-bottom">
					<a href="#">
					</a>
				</div>
			</div>
		</div>
		<!--60秒闪购-->
		<div id="fastShopping_back">
		<div id="fastShopping">
			<div class="title">
				<div class="desc">
					<a href="#">
						<img src="../images/fastShopping01.png"/>
					</a>
				</div>
				<div class="timeChange">
					<ul>
						<li>距本轮结束还有</li>
						<li class="countDown time1"></li>
						<li class="countDown time2"></li>
						<li>秒</li>
					</ul>
				</div>
			</div>
			<div class="fastList">
				<div class="fastItem">
					<ul>
						<li>
							<a href="#">
								<img src="../images/fast1.jpg">
								<p class="desc">
									<span>爆款</span>
									韩国ETUDE HOUSE爱丽小屋kiss note那时花开甜心唇膏口红3.4g
								</p>
								<p class="newPrice">49.50</p>
								<p class="oldPrice">丽子价： ￥55.00</p>
								<p class="qiang">立即抢购</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="../images/fast2.jpg">
								<p class="desc">
									<span>爆款</span>
									韩国ETUDE HOUSE爱丽小屋kiss note那时花开甜心唇膏口红3.4g
								</p>
								<p class="newPrice">49.50</p>
								<p class="oldPrice">丽子价： ￥55.00</p>
								<p class="qiang">立即抢购</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="../images/fast3.jpg">
								<p class="desc">
									<span>爆款</span>
									韩国ETUDE HOUSE爱丽小屋kiss note那时花开甜心唇膏口红3.4g
								</p>
								<p class="newPrice">49.50</p>
								<p class="oldPrice">丽子价： ￥55.00</p>
								<p class="qiang">立即抢购</p>
							</a>
						</li>

					</ul>


				</div>
			</div>
			<div class="fastControl">
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
	</div>
		<!--热门活动-->
		<div id="hotActive_back">
			<div id="hotActive">
				<div class="title">
					<a href="#"><h2>热门活动</h2></a>
					<p>只要您不满意就无条件退货</p>
				</div>
				<ul>
					<li>
						<a href="#">
							<img src="../images/hot01.jpg"/>
						</a>
						<p class="countTime">
							<span class="iconfont">&#xe63f;</span>
							剩余天数：
							<span>43</span>天
							<span>23</span>时
							<span>54</span>分
							<span>34</span>秒
						</p>
					</li>
					<li>
						<a href="#">
							<img src="../images/hot02.jpg"/>
						</a>
						<p class="countTime">
							<span class="iconfont">&#xe63f;</span>
							剩余天数：
							<span>43</span>天
							<span>23</span>时
							<span>54</span>分
							<span>34</span>秒
						</p>
					</li>
				</ul>
			</div>
		</div>
		<!--人气爆款-->
		<div id="manLike_back">
			<div id="manLike">
				<div class="title">
					<a href="#"><h2>人气爆款</h2></a>
					<p>100%低价&nbsp;100%信赖&nbsp;100%正品</p>
				</div>
				<ul>
					<li>
						<a href="#">
							<img src="../images/like1.jpg"/>
							<p class="intro">日本sofina苏菲娜控油瓷效防晒隔离妆前乳spf25/pa++25g</p>
						</a>
						<p class="price">
							<span class="newPrice">￥89.90</span>
							<span class="oldPrice">￥98.00</span>
							<span class="iconfont">&#xe629;2120</span>
						</p>
						<p class="countTime">
							<span class="iconfont">&#xe63f;</span>
							<span class="changetime">43</span>天
							<span class="changetime">23</span>时
							<span class="changetime">54</span>分
							<span class="changetime">34</span>秒
						</p>
						<a class="nowbuy" href="#"><img src="../images/nowbuy.png"/></a>
						
					</li>
					<li>
						<a href="#">
							<img src="../images/like2.jpg"/>
							<p class="intro">日本sofina苏菲娜控油瓷效防晒隔离妆前乳spf25/pa++25g</p>
						</a>
						<p class="price">
							<span class="newPrice">￥89.90</span>
							<span class="oldPrice">￥98.00</span>
							<span class="iconfont">&#xe629;2120</span>
						</p>
						<p class="countTime">
							<span class="iconfont">&#xe63f;</span>
							<span class="changetime">43</span>天
							<span class="changetime">23</span>时
							<span class="changetime">54</span>分
							<span class="changetime">34</span>秒
						</p>
						<a class="nowbuy" href="#"><img src="../images/nowbuy.png"/></a>
						
					</li>
					<li>
						<a href="#">
							<img src="../images/like3.jpg"/>
							<p class="intro">日本sofina苏菲娜控油瓷效防晒隔离妆前乳spf25/pa++25g</p>
						</a>
						<p class="price">
							<span class="newPrice">￥89.90</span>
							<span class="oldPrice">￥98.00</span>
							<span class="iconfont">&#xe629;2120</span>
						</p>
						<p class="countTime">
							<span class="iconfont">&#xe63f;</span>
							<span class="changetime">43</span>天
							<span class="changetime">23</span>时
							<span class="changetime">54</span>分
							<span class="changetime">34</span>秒
						</p>
						<a class="nowbuy" href="#"><img src="../images/nowbuy.png"/></a>
						
					</li>
					<li>
						<a href="#">
							<img src="../images/like4.jpg"/>
							<p class="intro">日本sofina苏菲娜控油瓷效防晒隔离妆前乳spf25/pa++25g</p>
						</a>
						<p class="price">
							<span class="newPrice">￥89.90</span>
							<span class="oldPrice">￥98.00</span>
							<span class="iconfont">&#xe629;2120</span>
						</p>
						<p class="countTime">
							<span class="iconfont">&#xe63f;</span>
							<span class="changetime">43</span>天
							<span class="changetime">23</span>时
							<span class="changetime">54</span>分
							<span class="changetime">34</span>秒
						</p>
						<a class="nowbuy" href="#"><img src="../images/nowbuy.png"/></a>
						
					</li>
										
				</ul>
			</div>
		</div>
		<!--分类推荐-->
		<div id="sort_back">
			<div id="sort">
				<div class="title">
					<a href="#"><h2>推荐分类</h2></a>
					<p>千万用户信赖的美妆品牌</p>	
				</div>
				<!--化妆水-->
				<div class="water">
					<div class="sort-show">
						<a href="#"><b>化妆水</b></a>
						<a href="#">爽肤水</a>
						<a href="#">紧肤水</a>
						<a href="#">美容液</a>
						<a href="#">精华水</a>
						<a href="#">喷雾</a>
					</div>
					<ul>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sort1.jpg"/>
								</p>
								<p class="intro">
									法国Avene雅漾舒护活泉水喷雾300ml 补水保湿舒缓肌肤
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sort2.jpg"/>
								</p>
								<p class="intro">
									法国Avene雅漾舒护活泉水喷雾300ml 补水保湿舒缓肌肤
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sort3.jpg"/>
								</p>
								<p class="intro">
									法国Avene雅漾舒护活泉水喷雾300ml 补水保湿舒缓肌肤
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sort4.jpg"/>
								</p>
								<p class="intro">
									法国Avene雅漾舒护活泉水喷雾300ml 补水保湿舒缓肌肤
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
					</ul>
				</div>
				<!--洗面-->
				<div class="water">
					<div class="sort-show">
						<a href="#"><b>洗面</b></a>
						<a href="#">洗面奶</a>
						<a href="#">洗面乳</a>
						<a href="#">洗面膏</a>
						<a href="#">洗面皂</a>
						<a href="#">洗面粉</a>
					</div>
					<ul>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortx1.jpg"/>
								</p>
								<p class="intro">
									韩国LANEGE兰芝毛孔清皙泡沫洗面奶160ml控油清洁 紧致皮肤
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>103</strong>
									</span>
									<span class="iconfont sales">&#xe629;1011
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortx2.jpg"/>
								</p>
								<p class="intro">
									法国Avene雅漾舒护活泉水喷雾300ml 补水保湿舒缓肌肤
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortx3.jpg"/>
								</p>
								<p class="intro">
									法国Avene雅漾舒护活泉水喷雾300ml 补水保湿舒缓肌肤
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortx4.jpg"/>
								</p>
								<p class="intro">
									法国Avene雅漾舒护活泉水喷雾300ml 补水保湿舒缓肌肤
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
					</ul>
				</div>
				<!--面膜-->
				<div class="water">
					<div class="sort-show">
						<a href="#"><b>面膜</b></a>
						<a href="#">面膜贴</a>
						<a href="#">水洗面膜</a>
						<a href="#">睡眠面膜</a>
					</div>
					<ul>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortm1.jpg"/>
								</p>
								<p class="intro">
									韩国可莱丝韩国NMF针剂水库强化补水保湿面膜贴
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>103</strong>
									</span>
									<span class="iconfont sales">&#xe629;1011
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortm2.jpg"/>
								</p>
								<p class="intro">
									韩国Innisfree悦诗风吟火山泥面膜100ml 深层清洁控油收敛毛孔
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortm3.jpg"/>
								</p>
								<p class="intro">
									美国Kiehl's科颜氏（契尔氏）亚马逊深洁白泥面膜142g 深层清洁控油透亮
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortm4.jpg"/>
								</p>
								<p class="intro">
									正品防伪 台湾欣兰DMC黑里透白冻膜225g深层清洁面膜去黑头粉刺
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
					</ul>
				</div>
				<!--底妆-->
				<div class="water">
					<div class="sort-show">
						<a href="#"><b>底妆</b></a>
						<a href="#">BB霜</a>
						<a href="#">粉底液</a>
						<a href="#">隔离霜</a>
						<a href="#">粉饼</a>
						<a href="#">散粉</a>
					</div>
					<ul>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortd1.jpg"/>
								</p>
								<p class="intro">
									韩国stylenanda 3CE光泽水润保湿粉底液40ml保湿遮瑕轻薄提亮
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>103</strong>
									</span>
									<span class="iconfont sales">&#xe629;1011
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortd2.jpg"/>
								</p>
								<p class="intro">
									韩国stylenanda 3CE光泽水润保湿粉底液40ml保湿遮瑕轻薄提亮
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortd3.jpg"/>
								</p>
								<p class="intro">
									韩国VDL贝壳提亮液妆前乳30ml 保湿提亮肤色
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortd4.jpg"/>
								</p>
								<p class="intro">
									ETUDEHOUSE爱丽小屋珍珠精华BB霜60ml
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
					</ul>
				</div>
				
				<!--香氛-->
				<div class="water">
					<div class="sort-show">
						<a href="#"><b>香氛</b></a>
						<a href="#">女士香水</a>
						<a href="#">男士香水</a>
						<a href="#">中性香水</a>
					</div>
					<ul>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortf1.jpg"/>
								</p>
								<p class="intro">
									美国Calvin Klein凯文克莱Ck One卡莱优中性男士女士淡香水 
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>139</strong>
									</span>
									<span class="iconfont sales">&#xe629;125
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortf2.jpg"/>
								</p>
								<p class="intro">
									美国 ANNA SUI安娜苏许愿精灵女士香水30ml 淡香水
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortf3.jpg"/>
								</p>
								<p class="intro">
									Jo Malone祖马龙香水 30ml
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
						<li>
							<a href="#">
								<p class="pic">
									<img src="../images/sortf4.jpg"/>
								</p>
								<p class="intro">
									意大利VERSACE范思哲黑钻/黑夜水晶之魅女士淡香水30ml 持久留香
								</p>
								<div class="btm">
									<span class="price">
										￥<strong>82</strong>
									</span>
									<span class="iconfont sales">&#xe629;27183
									</span>									
								</div>	
							</a>
						</li>
					</ul>
				</div>
			
			</div>
		</div>
		<!--品牌大全-->
		<div id="brands_back">
			<div id="brands">
				<div class="title">
					<a href="#"><h2>品牌大全</h2></a>
					<p>千万用户信赖的美妆网站</p>
				</div>
				<div class="brands">
					<a href="#">
						<div class="picF1">
							<img src="../images/p01.jpg"/>
						</div>
					</a>
					<div class="brands-list">
						<ul>
							<li>
								<a href="#">
									<img src="../images/p1.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p2.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p3.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p4.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p5.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p6.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p7.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p8.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p9.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p10.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p11.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p12.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p13.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p14.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p15.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p16.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p17.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p18.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p19.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p20.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p21.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p22.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p23.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p24.jpg"/>
								</a>
							</li>
						</ul>
					</div>
					<a href="#">
						<div class="picL1">
							<img src="../images/p02.jpg"/>
						</div>
					</a>
				</div>
			</div>
		</div>
		<!--页脚搜索-->
		<div id="footerSearch_back">
			<div id="footerSearch">
				<div class="searchContain">
					<h3>更多感兴趣的商品马上搜索</h3>
					<div class="sform">
						<input class="txt" type="text" placeholder="面膜"/>
						<button class="submit"></button>
					</div>
					<ul>
						<li>热搜榜：</li>
						<li><a class="colorChange" href="#">悦诗风云</a></li>
						<li><a href="#">防晒</a></li>
						<li><a class="colorChange" href="#">兰芝</a></li>
						<li><a href="#">面膜</a></li>
						<li><a class="colorChange" href="#">化妆水</a></li>
						<li><a href="#">唇膏/口红</a></li>
						<li><a class="colorChange" href="#">BB霜</a></li>
						<li><a href="#">促销</a></li>
					</ul>
					<div class="footerLink">
						<a href="#"></a>
						<a class="mid" href="#"></a>
						<a href="#"></a>
					</div>
				</div>
				
			</div>
		</div>
		<!--页脚-->
		<div id="yinru"></div>


	<script src="../js/index.js"></script>
	</body>
</html>
